@extends("home.base")
@section("content")
        <title>编辑个人档案 -- 当当网</title>
        <link href="{{asset('personal/myinfo/my_archives.css')}}" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="{{asset('personal/myinfo/reco_wrap.css')}}">
		<link href="{{asset('personal/myinfo/pass/public.css')}}" rel="stylesheet" type="text/css">
		<link href="{{asset('personal/myinfo/pass/style.css')}}" rel="stylesheet" type="text/css">
	    <link href="{{asset('personal/myinfo/pass/mydd_head.css')}}" rel="stylesheet" type="text/css">
		<link href="{{asset('personal/myinfo/pass/mydd_public.css')}}" rel="stylesheet" type="text/css">
		<link href="{{asset('personal/myinfo/pass/mydd_title.css')}}" rel="stylesheet" type="text/css">
		<link href="{{asset('personal/myinfo/pass/mydd_leftnavi.css')}}" rel="stylesheet" type="text/css">
		<link href="{{asset('personal/myinfo/pass/mydd_foot.css')}}" rel="stylesheet" type="text/css">
		<link href="{{asset('personal/myinfo/pass/header_150803.css')}}" rel="stylesheet" type="text/css">
	    <link href="{{asset('personal/myinfo/pass/menu.css')}}" rel="stylesheet" type="text/css">
		<link href="{{asset('personal/myinfo/pass/footer_150526.css')}}" rel="stylesheet" type="text/css">
    
	
    
    
    
  
 <!--页头开始-->
        <link href="{{asset('personal/myinfo/mydd_head.css')}}" rel="stylesheet" type="text/css">
<link href="{{asset('personal/myinfo/mydd_public.css')}}" rel="stylesheet" type="text/css">
<link href="{{asset('personal/myinfo/mydd_title.css')}}" rel="stylesheet" type="text/css">
<link href="{{asset('personal/myinfo/mydd_leftnavi.css')}}" rel="stylesheet" type="text/css">
<link href="{{asset('personal/myinfo/mydd_foot.css')}}" rel="stylesheet" type="text/css">

<link href="{{asset('personal/myinfo/header_960_150803.css')}}" rel="stylesheet" type="text/css">

<div id="hd">
<div id="tools">

</div>

  <!--操作区开始-->
        
 <div class="mydnew_break">您现在的位置：<a href="#">当当</a> &gt; <span><a href="#">我的当当</a></span> &gt; <span>个人档案</span> </div> 
    <link href="{{asset('personal/myinfo/mydnew2.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('personal/myinfo/dangdang.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('personal/myinfo/mydnew.css')}}" rel="stylesheet" type="text/css"> <!--操作区结束-->
       
           
            <div class="main_frame">
	<!--左栏开始-->
	<div class="mydang_left">
	<div class="mydang_left_inner">
		<h3 class="mydang_left_title border_top0">我的常用链接<a id="DocPersonal_set" name="setting" href="#" style="font-size: 12px; color:#1A66B3; font-family: 宋体; font-weight:normal; padding-left: 40px;">设置</a></h3>
		<ul style="padding:0px;" class="my_href" id="myfavoriteLink"><input type="hidden" id="rememberCustomerID" value="0"></ul>
		<h3 class="mydang_left_title">个人中心<a class="slide_up" id="class600" href="#"></a></h3>
		<ul class="my_content" style="display:block;" id="display600">
			<li><a class="" target="_parent" href="{{url('home/myorder')}}" name="myallorders">我的订单</a>
			</li>
			<li><a href="{{url('home/myinfo')}}" class="on">个人信息</a>
			</li>
			<li><a class="" target="_parent" href="{{url('home/address/index')}}" name="myaddress">收货地址</a>
			</li>
			</ul>
		<h3 class="mydang_left_title">我的收藏<a class="slide_up" id="class610" href="#"></a></h3>
		<ul class="my_content" style="display:block;" id="display610">
			<li><a class="" target="_parent" href="#" name="wishlist">商品收藏</a>
			</li>
		</ul>               
	</div>
  
  </div>


<link type="text/css" rel="stylesheet" href="{{asset('personal/myinfo/mydang.css')}}">





   <style type="text/css">
     /*设置弹出效果*/
.new_window{width:337px; border:solid 2px #447aa9; background-color:#f7fff8}
.wind_top{height:20px; padding:2px 2px 0 8px; background-color:#458bc9}
.wind_top .title_left{padding-top:2px; color:#fff; float:left}
.w_close{ float:right}



   </style>






<div id="tag_box1" style="display:none;position:absolute; z-index:20000;"></div>
<div id="callbackjs"><script src="./编辑个人档案 -- 当当网_files/DocCallBackJs.aspx" type="text/javascript"></script></div>
  




    	<!--左栏结束-->
                <!--右栏开始-->
                <div class="account_right" id="your_position">
                    <div>
                        <div class="archives_title">
                            <h2>编辑个人档案<span class=" gray666 f12 bnone"> (带<span class="red">*</span>号的项目为必填项)</span></h2>
                        </div>
                        <!--更改头像-->
						 <form action="" method="post" id="aaa" enctype="multipart/form-data" class="form-horizontal" onsubmit="return false;" >
						 <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">

                        <div class="edit_message">
                            <div class="edit_photo">
                                <div class="photo_prev">
                                    <div class="photo_prev_head">
                                        <img id="img_head_select" src="{{url('user/uploads/')}}/{{session('homeuser')->photo}}" width="96" height="96"></div>
									</div>
                                <div class="photo_browse">
                                   
                                    <!--上传状态开始-->
                                 
                                    <div class="clear"></div>
                                   
                                    <div class="clear"></div>
                                    <input type="hidden" name="hd_value" id="hd_value">
                                    <div class="total_ok_pic_green" id="div_update_state" style="display:none">头像已保存！</div>
                                    <div class="clear"></div>
                                    <p class="go_choice">从您的电脑中上传图片作为头像：<span class="gray_b3">(建议尺寸96*96像素，300k以内)</span></p>
                                    <div class="browse_mypic">
                                        <input type="file" name="photo" id="Myfile" size="36" maxlength="30"   style="height:21px; width:290px; font-size:12px; padding-top:3px; float:left;">
                                        <input type="hidden" name="hid_opt" id="hid_opt">
                                        <input name="btnUpload" type="submit" id="btnUpload" class="browse_button" height="20px" onclick="doUp()" value="上传" >
                                        <div class="loading" name="div_upload_state" id="div_upload_state" style="display:none"></div>
                                        <div class="total_ok_pic_green2" id="headsave2" style="display:none">头像已保存！</div>
                                        <div class="loading" id="headsave3" style="display:none"><img src="{{asset('personal/myinfo/loading.gif')}}" title="上传状态中"><p>上传中...</p> </div>
                                        <div class="notice_write1" id="headsave4" style="display:none">图片大小超过300k</div>
                                        <img id="imghidden" src="about:blank" style="width:0;height:0">
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
						</form>
						<!--更改头像结束-->
						<script type="text/javascript">
							
							/* $("#btnUpload").click(function(){
								$.ajax({
									type: 'POST',
									url:"{{url('/home/myinfo')}}",
									//data: {id:id},
									async: false,
									success: function(res) {alert(res);
										$("#img_head_select").attr("src","{{url('user/uploads/')}}"+res);
									},
									error:function(){
										alert("Sorry~~~failed");
									}
								});
							});  */
							
							
						</script>
						 <script type="text/javascript">
				function doUp(){

				  var formData = new FormData($( "#aaa" )[0]);
					   $.ajax({  
							url:"{{url('/home/myinfo')}}",  
							type:'POST',  
							data: formData,  
							async: false,  
							cache: false,  
							contentType: false,  
							processData: false,  
						   success: function(res) {
								$("#img_head_select").attr("src","{{url('user/uploads/')}}/"+res);
							},
							error:function(){
								alert("Sorry~~~failed");
							}
					   });  

				}
			  </script>
	<div class="my_main">
			<!-- 以下为各页面单独内容 -->
	<div class="my_main">
		<!-- 以下为各页面单独内容 -->
		<div class="my_title">
			<a class="title" href="#">安全中心</a><span><em>·</em>修改登录密码</span>
		</div>
		<div class="security">
			<ul id="J_verifyStep" class="step">
				<li class="green"><span class="line">1</span><span>身份验证</span></li>
				<li class=""><span class="line">2</span><span>设置新密码</span></li>
				<li><span class="line">3</span><span>完成</span></li>
			</ul>
			<!--身份验证开始-->
			<div id="J_verifyPanWrap" style="display: block;">
				<!-- 可验证方式选择区域 -->
				<!-- 身份验证 头部提示信息区域 -->
				<div id="J_verifyTopTip">
				</div>
				<ul class="list">
					<li style="z-index: 1;">
					<div class="name">
						输入密保问题：
					</div>
					<div id="J_verifyTypeWrapWrap">
						<input id="question" name="" type="text" class="" width="200px"/>
						<!--<div class="drop j_verifyTypeWrap">
							
							<!-- 支持一种以上的身份认证 --><!--span class="drop_con"><a id="J_verifyTypeIcon" class="down"></a><span id="J_verifyTypeValue" data-value="phone">手机验证</span></span>
							<dl id="J_verifyTypeList" style="display: none;">
								<dd class="j_verifyType" data-value="phone">手机验证</dd><dd class="j_verifyType" data-value="payPass">支付密码验证</dd>
							</dl>
						</div-->
					</div>
					</li>
				</ul>
				<ul id="J_verifyContentPan" class="list">
					
					<li>
					<div class="name">
						输入密保答案：
					</div>
					<input id="J_vPhoneCode" name="" type="text" class=""><span id="J_vPhoneCodeTipImg" class="icon code_w" style="display: inline-block;"></span>
					<div id="J_vPhoneCodeTipInfo" class="ltip">
					</div>
					</li>
					<li>
					<div class="name">
						&nbsp;
					</div>
					<a id="J_vPhoneCodeSubmit" href="javascript:;" class="btn_red">下一步</a></li>
				</ul>
				<!-- 身份验证 底部提示信息区域 -->
				
			</div>
			<!--身份验证结束-->
			<script type="text/javascript">
				$("#J_vPhoneCodeSubmit").click(function(){
					var question = $("#question").val();
					var answer = $("#J_vPhoneCode").val();
					$.ajax({
							type: 'GET',
							url:"{{url('/home/myinfo/create')}}",
							data: {question:question,answer:answer},
							async: false,
							success: function(res) {
								if (res == "Y"){
									$("#J_verifyPanWrap").attr("style","display:none");
									$("#J_verifyInputWrap").attr("style","display:block");
									$("ul#J_verifyStep li").attr("class","");
									$("ul#J_verifyStep li:lt(2)").attr("class","green");
									
									
								}
								else
									alert("身份验证失败！");
							},
							error:function(){
								alert("Sorry~~~failed");
							}
						});
				});
			</script>
			<!--设置新密码开始-->
			<div id="J_verifyInputWrap" style="display:none">
				<ul class="list">
					<li>
					<div class="name">
						新密码：
					</div>
					<input id="J_ePaypass" name="" type="password" class="long" maxlength="20">
					<span id="J_ePaypassTipImg" class="icon" style="display: none;"></span>
					<div id="J_ePaypassTipInfo" class="ltip">
					</div>
					<div id="J_ePaypassStrongWrap" style="display:none;">
						<div id="J_ePaypassStrong1" class="ltip j_pwdStrong">
							<span class="msg_level"><span class="s1"></span><span></span><span></span></span><span>密码过于简单</span>
						</div>
						<div id="J_ePaypassStrong2" class="ltip j_pwdStrong">
							<span class="msg_level"><span class="s1"></span><span class="s2"></span><span></span></span><span>试试字母、符号、数组的组合更安全哦</span>
						</div>
						<div id="J_ePaypassStrong3" class="ltip j_pwdStrong">
							<span class="msg_level"><span class="s1"></span><span class="s2"></span><span class="s3"></span></span><span>密码设置安全，放心使用</span>
						</div>
					</div>
					<div id="J_ePaypassUpperCase" class="ltip caps" style="display:none;">
						<span class="icon_t"></span>键盘大写锁定已打开，请注意大小写!
					</div>
					</li>
					<li>
					<div class="name">
						确认密码：
					</div>
					<input id="J_eRePaypass" name="" type="password" class="long" maxlength="20">
					<span id="J_eRePaypassTipImg" class="icon" style="display: none;"></span>
					<div id="J_eRePaypassTipInfo" class="ltip">
					</div>
					<div id="J_eRePaypassUpperCase" class="ltip caps" style="display:none;">
						<span class="icon_t"></span>键盘大写锁定已打开，请注意大小写!
					</div>
					</li>
					<li>
					<div id="J_eRePaypassUpperCase" class="name">
						&nbsp;
					</div>
					<a id="J_eRePaypassSubmit" href="#" class="btn_red" onclick="return false;">下一步</a>
					<a id="J_eRePaypassSubmitUnable" href="javascript:;" class="btn_red unable" style="display:none;">保存中…</a>
					</li>
				</ul>
			</div>
			<div id="J_successWrap" style="display:none;">
				<p class="p_con">
                                                            修改登录密码成功！返回  
					<a href="#" class="more">个人中心 &gt;&gt;</a>
				</p>
			</div>
		</div>
		<!--设置新密码结束-->
		 <div id="J_successWrap" style="display:none;">
             <p class="p_con">
               修改登录密码成功！返回  <a href="{{url('/home/personal')}}" class="more">个人中心 &gt;&gt;</a>
              </p>
         </div> 
		<script type="text/javascript">
			//新密码1判断
			$("#J_ePaypass").focus(function(){
				$("#J_ePaypassTipInfo").html("密码位6-20字符");
			}).blur(function(){
				
				$("#J_ePaypassTipInfo").html("");
			});
			//新密码2判断
			$("#J_eRePaypass").focus(function(){
				$("#J_eRePaypassTipInfo").html("请再次输入密码");
			}).blur(function(){
				
				var m1 = $("#J_ePaypass").val();
				var m2 = $("#J_eRePaypass").val();
				if(m1 !== m2){
					$("#J_eRePaypassTipInfo").html("两次输入的密码不一致，请重新输入").css('color','red');
					//$("#J_eRePaypassTipImg").attr({class:"icon wrong",style:"display:inline-block"});
				}
			});
			
			//执行密码修改提交
			$("#J_eRePaypassSubmit").click(function(){
				var password = $("#J_eRePaypass").val();
				$.ajax({
						type: 'GET',
						url:"{{url('/home/myinfo/1')}}", 
						data: {password:password},
						async: false,
						success: function(res) {
							if (res == "Y"){
								$("#J_verifyInputWrap").attr("style","display:none");
								$("#J_successWrap").attr("style","display:block");
								$("ul#J_verifyStep li").attr("class","");
								$("ul#J_verifyStep li:lt(3)").attr("class","green");
							}
							else
								alert("身份验证失败！");
						},
						error:function(){
							alert("Sorry~~~failed");
						}
					});
			});
		</script>
		
		<!-- 人工申请单提交入口开始 -->
		<div class="manual_service" style="display:none;">
			<a>进度查询&gt;&gt;</a><a class="btn_manual">提交人工申请单</a>
			<div class="intro">
				<p>
					申请人工审核，为您 1.修改绑定手机   2.修改绑定邮箱   3.忘记密码找回
				</p>
				<p>
					人工审核需要2个小时，如需电话核实或者进一步详细核实，1-3个工作日内，请您耐心等待。
				</p>
			</div>
		</div>
		<!-- 人工申请单提交入口结束 -->
	</div>
                     
              
                   
                </div>
                <div class="empty_box"></div>

            </div>

            <a id="bottom_a" name="bottom_a"></a>

            <!--右栏结束-->
            <div class="empty_box"></div>
               </div>
            <div class="window" id="locListDiv" style="display:none">
                <div class="wind_title" id="win_title_bar">
                    <div class="window_close" id="win_close_bar"><a onclick="javascript:cancel_click()"><img src="{{asset('personal/myinfo/window_close.gif')}}" title="关闭窗口"></a></div>
                </div>
                <div class="wind_cont">
                    <div class="w_notice_1">您的个人档案已更新！</div>
                </div>
            </div>
            <div id="div_shield" class="div_shield"></div>
      
        
       
<div id="footer_end"></div>
<!--CreateDate  2016-08-31 21:30:01-->    <div class="foot_tip_ad">广告</div>
<style>
    .foot_tip_ad { width:40px; height:40px; font:12px/40px "simsun"; text-align:center; color:#fff; background-color:#474747; position:fixed; right:0; bottom:100px;_position:absolute; _bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
</style>




                
    

<div class="optionDiv" style="visibility: hidden; left: 488px; top: 920px;"><div class="windo_work"><ul><li onmouseover="this.className=&quot;m_over&quot;" onmouseout="this.className=&quot;m_out&quot;" onclick="Setinputvalue(&quot;作家&quot;)">作家</li><li onmouseover="this.className=&quot;m_over&quot;" onmouseout="this.className=&quot;m_out&quot;" onclick="Setinputvalue(&quot;个体工商业&quot;)">个体工商业</li><li onmouseover="this.className=&quot;m_over&quot;" onmouseout="this.className=&quot;m_out&quot;" onclick="Setinputvalue(&quot;摄影师&quot;)">摄影师</li><li onmouseover="this.className=&quot;m_over&quot;" onmouseout="this.className=&quot;m_out&quot;" onclick="Setinputvalue(&quot;农林渔牧&quot;)">农林渔牧</li><li onmouseover="this.className=&quot;m_over&quot;" onmouseout="this.className=&quot;m_out&quot;" onclick="Setinputvalue(&quot;离退休&quot;)">离退休</li><li onmouseover="this.className=&quot;m_over&quot;" onmouseout="this.className=&quot;m_out&quot;" onclick="Setinputvalue(&quot;求职中&quot;)">求职中</li><div class="empty_box_left">&nbsp;</div></ul></div></div>
@endsection